<!DOCTYPE html>
<html>
	<head>
		<include file="public:meta" />
		<link rel="stylesheet" href="../public/css/index.css">
	</head>
	<body>
		<include file="public:search" />
		<div class="new-index-top">
			<div class="ni-head">
				<div class="nih-l font18">{:C('qscms_site_name')}</div>
				<!--<div class="logo"><img src="../public/images/02.png"></div>-->
				<if condition="$apply['Subsite']">
					<div class="m-sub-txt-group">
						<div class="stg-txt font13">{:C('SUBSITE_VAL.s_sitename')}</div>
						<div class="stg-icon"></div>
						<div class="clear"></div>
					</div>
					<eq name="subsite_choose_type" value="simple">
						<div class="m-sub-filter-page">
							<div class="msp-head">
								<div class="msp-input-group">
									<div class="msg-icon-ser"></div>
									<input type="text" class="msg-input-ser" placeholder="输入地区名称进行筛选">
									<div class="suo-close js-suo-close"></div>
									<div class="clear"></div>
								</div>
								<div class="msp-cancel-btn">取消</div>
								<div class="clear"></div>
							</div>
							<div class="m-sub-head-tip font12">请您切换到对应的地区分站，让我们为您提供更准确的信息</div>
							<if condition="$subsite_org">
								<div class="m-sub-city-head link_blue">进入 <a href="{:U('subsite/set',array('sid'=>$subsite_org['s_id']))}">{$subsite_org.s_sitename}</a> 或者切换到以下站点</div>
								<else/>
								<div class="m-sub-city-head link_blue">切换到以下站点</div>
							</if>
							<div class="m-sub-city-group">
								<volist name="district" id="district">
									<div class="m-sub-city-box"><a href="{:U('subsite/set',array('sid'=>$district['s_id']))}" class="m-sub-city-cell" title="{$district.s_sitename}" alias="{$district.s_spell}">{$district.s_sitename}</a></div>
								</volist>
								<div class="clear"></div>
							</div>
							<div class="m-sub-city-no-data">
								<div class="sub-no-data-cell link_blue">
									抱歉，没有找到相关的地区立即进入 <a href="{:U('subsite/set',array('sid'=>0))}">[总站]</a>
								</div>
							</div>
						</div>
						<else />
						<div class="m-sub-filter-page-complex">
							<div class="msp-head">
								<div class="msp-input-group">
									<div class="msg-icon-ser"></div>
									<input type="text" class="msg-input-ser" placeholder="输入地区名称进行筛选">
									<div class="suo-close js-suo-close"></div>
									<div class="clear"></div>
								</div>
								<div class="msp-cancel-btn">取消</div>
								<div class="clear"></div>
							</div>
							<div class="search_subsite_ajax"><ul id="search_subsite"></ul></div>
							<div id="choose-box">
								<div class="m-sub-head-tip font12">请您切换到对应的地区分站，让我们为您提供更准确的信息</div>
								<if condition="$subsite_org">
									<div class="m-sub-city-head t-center link_blue">定位城市：<a href="{:U('subsite/set',array('sid'=>$subsite_org['s_id']))}">{$subsite_org.s_sitename}</a><span>进入<a href="{:U('subsite/set',array('sid'=>0))}">总站</a></span></div>
									<else/>
									<div class="m-sub-city-head link_blue">切换到以下站点<span>进入<a href="{:U('subsite/set',array('sid'=>0))}">总站</a></span></div>
								</if>
								<div class="m-sub-split-block"></div>
								<div class="city-box">
									<div class="m-sub-city-group font13">
										<div class="title list_height"><span class="title-img">按字母排序</span></div>
										<div class="word-ul">
											<volist name="word_arr" id="word">
												<notempty name="district[$word]">
													<a href="#cityblock{$word}" class="word-li" data-nm="true">{$word}</a>
												</notempty>
											</volist>
											<div class="clear"></div>
										</div>
									</div>
									<volist name="word_arr" id="word">
										<notempty name="district[$word]">
											<div class="m-sub-split-block"></div>
											<div class="m-sub-city-group font13">
												<a name="cityblock{$word}" id="cityblock{$word}"> </a>
												<div class="title list_height city-word"><span class="img font10">{$word}</span> 以 {$word} 为开头的城市名</div>
												<volist name="district[$word]" id="vo">
													<div class="m-sub-city-box"><a href="{:U('subsite/set',array('sid'=>$vo['s_id']))}" class="m-sub-city-cell" title="{$vo.s_sitename}" alias="{$vo.s_spell}">{$vo.s_sitename}</a></div>
												</volist>
												<div class="clear"></div>
											</div>
										</notempty>
									</volist>
								</div>
								<div class="m-sub-city-no-data">
									<div class="sub-no-data-cell link_blue">
										抱歉，没有找到相关的地区立即进入 <a href="{:U('subsite/set',array('sid'=>0))}">[总站]</a>
									</div>
								</div>
							</div>
						</div>
					</eq>
				</if>
				<div class="ni-user"><a href="{:U('Members/login')}"><img src="../public/images/249.png"></a></div>
				<div class="clear"></div>
			</div>
			<div class="ni-search-g">
				<div class="nis-box font16 js-show-qspageso">请输入职位名/公司名<div class="nis-s-icon"></div></div>
			</div>
			<script>
                // 显示搜索层
                $('.js-show-qspageso').on('click', function(){
                  $('.qspageso').toggle();
                  $('#J_soinput').focus();
                  if($('#J_soinput').val()!=''){
                    $('#J_soinput').val($('#J_soinput').val());
                    $('#J_soinput').closest('.topbg').addClass('has-inp');
                  }
                });
			</script>
		</div>
		<div class="index-slider">
			<div id="hwslider" class="hwslider">
				<ul>
					<li>
						<a href="{:url_rewrite('QS_jobslist')}"><dl class="l1"><dt class="job for-event"></dt><dd class="font12">找工作</dd></dl></a>
						<a href="{:url_rewrite('QS_resumelist')}"><dl class="l1"><dt class="resume for-event"></dt><dd class="font12">招人才</dd></dl></a>
						<a href="{:url_rewrite('QS_login')}"><dl class="l1"><dt class="fabu for-event"></dt><dd class="font12">我要发布</dd></dl></a>
						<a href="{:url_rewrite('QS_newslist')}"><dl class="l1"><dt class="news"></dt><dd class="font12 for-event">职场资讯</dd></dl></a>
						<div class="clear"></div>
					</li>
					<if condition="$apply['Jobfair'] || $apply['Mall']">
						<li>
							<notempty name="apply['Mall']">
							<a href="{:url_rewrite('QS_mall_index')}"><dl class="l1"><dt class="shop"></dt><dd class="font12 for-event">{:C('qscms_points_byname')}商城</dd></dl></a>
							</notempty>
							<notempty name="apply['Jobfair']">
							<a href="{:url_rewrite('QS_jobfairlist')}"><dl class="l1"><dt class="zhaoph"></dt><dd class="font12 for-event">招聘会</dd></dl></a>
							</notempty>
							<div class="clear"></div>
						</li>
					</if>
				</ul>
			</div>
		</div>
		<div class="indexnotice">
		  <div class="leftimg"><img src="../public/images/11.png"></div>
		  <qscms:notice_list 列表名="notice_list" 显示数目="10" 分类="1" 排序="addtime:desc"/>
			<ul class="txt ul-upscroll">
		  <volist name="notice_list['list']" id="notice">
		    <li class="" onClick="javascript:location.href='{$notice.url}'">{$notice.title}</li>
		  </volist>
			</ul>
		  <div class="clear"></div>
		</div>
        <!--红包职位-->
        <if condition="C('apply.Allowance')">
        <qscms:jobs_list 列表名="jobslist" 搜索内容="allowance" 显示数目="4" 排序="rtime"/>
		<div class="split-block"></div>
        <div class="index-alw">
            <div class="alw-title font14">
                <div class="alw-t">红包职位</div>
                <div class="alw-link link_gray9"><a href="{:url_rewrite('QS_jobslist',array('search_cont'=>'allowance'))}">共<span class="txt-red">{$jobslist['allowance_count']}</span>个红包职位 ></a></div>
                <div class="clear"></div>
            </div>
            <div class="alw-group">
            	<volist name="jobslist['list']" id="vo" key="k">
                <div class="alw-cell" onclick="javascript:location.href='{$vo['jobs_url']}'">
                    <div class="ac-h font13">
                        <div class="ach-l">{$vo['allowance_info']['type_cn']}</div>
                        <div class="ach-r">￥{$vo['allowance_info']['per_amount']}</div>
                        <div class="clear"></div>
                    </div>
                    <div class="ac-wave"></div>
                    <div class="ac-ten">
                        <div class="sp-h-25"></div>
                        <div class="act-line substring font14 txt-3">{$vo['jobs_name']}</div>
                        <div class="sp-h-19"></div>
                        <div class="act-line substring font12 txt-9">{$vo['companyname']}</div>
                    </div>
                </div>
                </volist>
                <div class="clear"></div>
            </div>
        </div>
        </if>
        <!--红包职位end-->
		<div class="split-block"></div>
		<div class="indexhot font12 link_gray6">
		  <div class="hottitle font14 ">热门职位</div>
		  <qscms:hotword 列表名="hotword_list" 显示数目="12"/>
			<volist name="hotword_list" id="hotword">
			<if condition="C('qscms_key_urlencode') eq 1">
		    <a href="{:url_rewrite('QS_jobslist',array('key'=>urlencode($hotword['w_word_code'])))}" class="hotword substring for-event">{$hotword.w_word}</a>
		  	<else />
			<a href="{:url_rewrite('QS_jobslist',array('key'=>$hotword['w_word_code']))}" class="hotword substring for-event">{$hotword.w_word}</a>
		  	</if>
		    </volist>
		  <div class="clear"></div>
		</div>
		<div class="split-block"></div>
		<qscms:classify 列表名="jobsCate" 类型="QS_jobs"/>
		<div class="indexcat font12 link_gray6">
		  <volist name="jobsCate[0]" id="pcate">
		    <div class="cattitle img{$i} font14 ">{$pcate.categoryname}</div>
			<volist name="jobsCate[$key]" id="scate" key="k">
					<a href="{:url_rewrite('QS_jobslist',array('jobcategory'=>$scate['spell']))}" class="catword substring for-event">{$scate.categoryname}</a>
		    </volist>
		  <div class="clear"></div>
		  </volist>
		</div>
		<div class="split-block"></div>
		<include file="public:footer" />
        <if condition="C('qscms_footer_nav_status') eq 1">
            <div class="bottom-nav-bar-group">
                <div class="bottom-nav-bar">
                    <div class="nav-bar-cell qs-left">
                        <a href="{:url_rewrite('QS_index')}" class="bar-cell index active">
                            <div class="b-img"></div>
                            <div class="b-txt font10">首页</div>
                        </a>
                        <a href="{:url_rewrite('QS_jobslist')}" class="bar-cell job">
                            <div class="b-img"></div>
                            <div class="b-txt font10">工作</div>
                        </a>
                        <div class="clear"></div>
                    </div>
                    <div class="nav-bar-more qs-left for-event">
                        <div class="nav-bar-more-cell js-b-nav-bar"></div>
                    </div>
                    <div class="nav-bar-cell qs-left">
                        <a href="{:url_rewrite('QS_resumelist')}" class="bar-cell resume">
                            <div class="b-img"></div>
                            <div class="b-txt font10">简历</div>
                        </a>
                        <a href="{:url_rewrite('QS_login')}" class="bar-cell mine">
                            <div class="b-img"></div>
                            <div class="b-txt font10">我的</div>
                        </a>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="bottom-bar-more-group">
                    <div class="bn-mask js-b-nav-bar-active"></div>
                    <div class="bar-more-cell">
                        <div id="hwslider-bottom" class="hwslider">
                            <ul>
                                <li>
                                    <a href="{:url_rewrite('QS_jobslist')}"><dl class="l1"><dt class="job for-event"></dt><dd class="font12">找工作</dd></dl></a>
                                    <a href="{:url_rewrite('QS_resumelist')}"><dl class="l1"><dt class="resume for-event"></dt><dd class="font12">找人才</dd></dl></a>
                                    <a href="{:url_rewrite('QS_login')}"><dl class="l1"><dt class="fabu for-event"></dt><dd class="font12">发布</dd></dl></a>
                                    <div class="clear"></div>
                                </li>
                                <li>
                                    <a href="{:url_rewrite('QS_newslist')}"><dl class="l1"><dt class="news for-event"></dt><dd class="font12">资讯</dd></dl></a>
                                    <notempty name="apply['Mall']">
                                        <a href="{:url_rewrite('QS_mall_index')}"><dl class="l1"><dt class="shop for-event"></dt><dd class="font12">商城</dd></dl></a>
                                    </notempty>
                                    <notempty name="apply['Jobfair']">
                                        <a href="{:url_rewrite('QS_jobfairlist')}"><dl class="l1"><dt class="zhaoph for-event"></dt><dd class="font12">招聘会</dd></dl></a>
                                    </notempty>
                                    <div class="clear"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="bar-more-closecell js-b-nav-bar-active for-event"></div>
                </div>
            </div>
        </if>
		<include file="public:footer_min" />
	</body>
	<script src="../public/js/zepto.hwSlider.js"></script>
	<script src="../public/js/fx.js"></script>
	<script src="../public/js/touch-0.2.14.min.js"></script>
	<script src="../public/js/zepto.textSlider.js"></script>
	<script>
		// 职位、简历数量动态效果
		var jobCount = '{$jobs_count}';
		var resumeCount = '{$resume_count}';
		window.setTimeout(function() {
			$('.jobs-roll-count').empty();
			peopleRoll(jobCount, '.jobs-roll-count');
		}, 300)
		window.setTimeout(function() {
			$('.resume-roll-count').empty();
			peopleRoll(resumeCount, '.resume-roll-count');
		}, 5600)
		function peopleRoll(a, container) {
			function b(a) {
				for (var b = 0; b < a.length; b++) {
					var e = a.charAt(b);
					d.push(e)
				}
				c()
			}
			function c() {
				var a = 0;
				$(container).append("<span></span>");
				var b = window.setInterval(function() {
					$(container + " span").eq(e).text(a), a == d[e] && (window.clearInterval(b), e++, d[e] && c()), a++
				}, 30)
			}
			var d = [],
					e = 0,
					f = a + "";
			b(f)
		}

		// 职位简历数滚动
		$('#hwslider-count').hwSlider({
			autoPlay: true,
			dotShow: false,
			touch: false,
			interval: 5000,
			arrShow: false
		});

		// 滚动更多
		$("#hwslider").hwSlider({
			autoPlay: false,
			dotShow: true,
			touch: true,
			arrShow: false
		});

		$(".ul-upscroll").textSlider({line:1,speed:500,timer:3000});
		<if condition="$apply['Subsite']">
			// 显示分站
			<notempty name="subsite_org">
				showMSubPop();
		        function showMSubPop() {
		            var $mPop = new QSpopout();
		            $mPop.setContent('<div class="link_yellow" style="line-height: 180%;">我们检测到您所在地区为 {$district_org}，建议您切换至<a href="{:U('subsite/set',array('sid'=>$subsite_org['s_id']))}">[{$subsite_org['s_sitename']}]</a>，让我们为您提供更准确的职位信息。</div>');
		            $mPop.show();
		            $mPop.getPrimaryBtn().on('click', function () {
		                window.location.href = "{:U('subsite/set',array('sid'=>$subsite_org['s_id']))}";
		            });
		        }
			</notempty>
	        // 分站筛选
	        $('.m-sub-txt-group').on('click', function(){
	            $('.m-sub-filter-page').toggle();
	            $('.m-sub-filter-page-complex').toggle();
	        });
	        $('.msp-cancel-btn').on('click', function () {
	            $('.m-sub-filter-page').toggle();
	            $('.m-sub-filter-page-complex').toggle();
	        });
	        <eq name="subsite_choose_type" value="simple">
	        $('.msg-input-ser').on('keyup', function () {
	            var tVal = $(this).val();
	            if (tVal!='') {
                    $(this).closest('.msp-input-group').addClass('has-inp');
				} else {
                    $(this).closest('.msp-input-group').removeClass('has-inp');
				}
				$('.m-sub-filter-page').addClass('no-head');
	            var $subCityArr = $('.m-sub-city-cell');
	            $('.m-sub-city-box').addClass('h');
	            $.each($subCityArr, function () {
	                var eVal = $(this).attr('title');
	                if (eVal.indexOf(tVal) != -1) {
	                    $(this).parent().removeClass('h');
						$('.m-sub-filter-page').removeClass('no-data');
	                }
	            })
				$.each($subCityArr, function () {
	                var eVal = $(this).attr('alias');
	                if (eVal.indexOf(tVal) != -1) {
	                    $(this).parent().removeClass('h');
						$('.m-sub-filter-page').removeClass('no-data');
	                }
	            })
	            if (!tVal.length) {
	                $('.m-sub-city-box').removeClass('h');
					$('.m-sub-filter-page').removeClass('no-head');
					$('.m-sub-filter-page').removeClass('no-data');
	            } else {
					if (!($('.m-sub-city-box').not('.h').length)) {
						$('.m-sub-filter-page').addClass('no-data');
					}
				}
	        });
	        <else />
	        // 搜索关联
	          $('.msg-input-ser').on('keyup', function() {
	          	var key = $(this).val();
	          	if(key!=''){
                    $(this).closest('.msp-input-group').addClass('has-inp');
	          		$('#choose-box').hide();
	          		$.getJSON("{:U('ajaxCommon/subsite_by_keyword')}",{key:key},function(result){
	                  if (result.status==1) {
	                      var reArr = result.data;
	                      if (reArr.length) {
	                          var reHtml = '';
	                          var reUrl = "{:U('subsite/set',array('sid'=>'ooo'))}";
	                          for (var i = 0; i < reArr.length; i++) {
	                                reHtml += '<li data-key="'+reArr[i].s_id+'"><a href="'+reUrl.replace('ooo',reArr[i].s_id)+'"><span class="searchFont">'+reArr[i].s_sitename+'</span></a></li>';
	                          }
	                          $('#search_subsite').html(reHtml);
	                          $('.search_subsite_ajax').show();
	                      }
	                  }else{
	                  	var reHtml = '<li><a>抱歉，没有找到相关的地区</a></li>';
	                    $('#search_subsite').html(reHtml);
                      	$('.search_subsite_ajax').show();
                      }
	              });
	          	}else{
	          	    $(this).closest('.msp-input-group').removeClass('has-inp');
                  	$('.search_subsite_ajax').hide();
                  	$('#choose-box').show();
	          	}
	          });
	        </eq>
	    </if>
		$('.js-suo-close').on('click', function () {
            $(this).closest('.msp-input-group').removeClass('has-inp');
        })
    </script>
</html>